<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta content="yes" name="apple-mobile-web-app-capable" />  
		<meta content="black" name="apple-mobile-web-app-status-bar-style" />  
		<meta content="telephone=no" name="format-detection" />   
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<script src="js/rem.js"></script>
	</head>
	<body>
		<div class="app">
			<!--顶部-->
			<header class="clearfix">
				<a href="start.html" class="fl">店铺</a>
				<a href="javascript:void(0)" class="fr tgxianshi">推广</a>
				<p>infoscape</p>
			</header>
			<div class="contants">
				<div class="title">
					<div class="title_bg">
						<img src="img/bg1.jpg" alt="bg" />
					</div>
					<section>
						<h2>257.50</h2>
						<h6>累计收入</h6>
					</section>
					<ul class="title_tx">
						<li>
							<p>5</p>
							<span>昨日访客</span>
						</li>
						<li>
							<p>20</p>
							<span>七日订单</span>
						</li>
						<li>
							<p>¥256.00</p>
							<span>七日销量</span>
						</li>
					</ul>
					
				</div>
				<div class="tianjia">
					<i class="iconfont icon-shangchuan"></i>
					<p>添加商品</p>
				</div>
				<div class="funct clearfix">
					<ul>
						<li><img src="img/Gift Box.png"/></li>
						<li>商品管理</li>
					</ul>
					<ul>
						<li><img src="img/tablet.png"/></li>
						<li>订单管理</li>
					</ul>
					<ul>
						<li><img src="img/zhifu.png"/></li>
						<li>微信功能</li>
					</ul>
					<ul>
						<li><img src="img/kekuguanli.png"/></li>
						<li>客户管理</li>
					</ul>
					<ul>
						<li><img src="img/store.png"/></li>
						<li>店铺管理</li>
					</ul>
					<ul>
						<li><img src="img/presentation.png"/></li>
						<li>数据统计</li>
					</ul>
					
					
				</div>
			</div>
			<footer>
				<div onclick="window.location.href='';">
					<a href="javascript:void(0)">
					<img src="img/biaoti1.png" alt="shouye" />
					<span class="active">小店</span>
					</a>
				</div>
				<div onclick="window.location.href='';">
					<a href="javascript:void(0)">
					<img src="img/biaoti2.png" alt="shouye" />
					<span>市场</span>
					</a>
				</div>
				<div onclick="window.location.href='';">
					<a href="javascript:void(0)">
					<img src="img/biaoti3.png" alt="shouye" />
					<span>购物车</span>
					</a>
				</div>
				<div onclick="window.location.href='';">
					<a href="javascript:void(0)">
					<img src="img/biaoti4.png" alt="shouye" />
					<span>我的</span>
					</a>
				</div>
				
			</footer>
		    <!----------添加选货---------->
			<div class="tianjiayingcang">
				<section>
					<img src="img/tianjiashangpin.png"/>
					<p>市场选货</p>
					<a href="javascript:void(0)" class="xiaoshi">取消</a>	
				</section>
			</div>
			<!----------推广---------->
			<div class="tuiguang">
				<section class="clearfix">
					<ul>
						<li><img src="img/wx.png"/></li>
						<li>微信好友</li>
					</ul>
					<ul>
						<li><img src="img/wxpyq.png"/></li>
						<li>微信朋友圈</li>
					</ul>
					<ul>
						<li><img src="img/wb.png"/></li>
						<li>新浪微博</li>
					</ul>
					<ul>
						<li><img src="img/QQ.png"/></li>
						<li>QQ好友</li>
					</ul>
					<ul>
						<li><img src="img/qqkj.png"/></li>
						<li>QQ空间</li>
					</ul>
					<ul>
						<li><img src="img/sjlx.png"/></li>
						<li>手机联系人</li>
					</ul>
					<ul>
						<li><img src="img/laoguk.png"/></li>
						<li>老客户</li>
					</ul>
					<ul>
						<li><img src="img/erweima.png"/></li>
						<li>二维码</li>
					</ul>
					<ul>
						<li><img src="img/zuihou.png"/></li>
						<li>复制链接</li>
					</ul>
					<div class="clear"></div>
					<a href="javascript:void(0)" class="xiaoshi">取消</a>	
				</section>
			</div>
		    <!----------店铺营收---------->
		    <div class="revenue">
		    	<header class="clearfix">
					<a href="javascript:void(0)" class="fl"><i class="iconfont icon-tubiao-"></i></a>
					<p>小店营收</p>
				</header>
				<div class="revenue_nr">
					<div class="first">
					<dl>
						<dt>可提现金额</dt>
						<dd>
							<h6>¥<p>257.50</p></h6>
							<span><a href="Withdrawals.html">提现<i class="iconfont icon-tubiao-"></i></a></span>
						</dd>
					</dl>
					<dl onclick="window.location.href='not.html';">
						<dd>
							<p>不可用金额</p>
							<span>¥0.00<i class="iconfont icon-tubiao-"></i></span>
						</dd>
					</dl>
				</div>
				<div class="second">
					<dl>
						<dd onclick="window.location.href='details.html';">
							<p>已结算收入</p>
							<span>¥0.00<i class="iconfont icon-tubiao-"></i></span>
						</dd>
						<dd onclick="window.location.href='weidetails.html';">
							<p>未结算收入</p>
							<span>¥257.50<i class="iconfont icon-tubiao-"></i></span>
						</dd>
					</dl>
				</div>
				<div class="second">
					<dl>
						<dd onclick="window.location.href='shourumx.html';">
							<p>收支明细</p>
							<span>¥0.00<i class="iconfont icon-tubiao-"></i></span>
						</dd>
						<dd>
							<p>提现记录</p>
							<span>¥257.50<i class="iconfont icon-tubiao-"></i></span>
						</dd>
					</dl>
				</div>
				<div class="mingxi">
					<p>.小店销售收入将显示在这里，已结算收入可以随时申请提现</p>
					<p>
						.<a href="javascript:void(0)" >收入结算规则</a>
						<a href="javascript:void(0)" class="chakan">交易手续费说明</a>
					</p>
				</div>
			</div>
		    </div>
		    <!---------交易手续费说明-------->
		    <div class="shouming">
		    	<header class="clearfix">
					<a href="javascript:void(0)" class="fl"><i class="iconfont icon-tubiao- huqu"></i></a>
					<p>交易手续费说明</p>
				</header>
				<div class="shouming_nr">
					<section>
						<h6>各位小店店主</h6>
						<p>您们好！</p>
						<p>每笔经过优呗小店的交易，都会产生一定的基础成本。其中，包括消费者支付时不同支付公司向优呗收取的“支付手续费”、提现时银行向优呗收取的“结算手续费”，以及优呗的系统运维和服务费用，这些费用综合起来接近于每笔交易金额的2%。</p>
						<p>之前优呗针对于每笔交易的2%成本都市做全额补贴。接下来，为了提供更好完善的服务，我们将调正部分交易的补贴方案。补贴详细记录可点击进入“我的收入”中查看个结算明细。</p>
					</section>
				</div>
		    </div>
		</div>	
		<script src="js/jquery-2.1.0.js"></script>
		<script type="text/javascript">
			$(function(){
				$(".tianjia").click(function(){
//					console.log($(this));
					$(".tianjiayingcang").addClass("tianjiashow")
				})
				$(".xiaoshi").click(function(){
			//		console.log($(this));
					$(".tianjiayingcang").removeClass("tianjiashow")
				})
				
				$(".tgxianshi").click(function(){
//					console.log($(this));
					$(".tuiguang").addClass("tuiguangshow")
				})
				$(".xiaoshi").click(function(){
//					console.log($(this));
					$(".tuiguang").removeClass("tuiguangshow")
				})
				
				$(".title").click(function(){
//					console.log($(this));
					$(".revenue").addClass("revenueshow")
				})
				$(".icon-tubiao-").click(function(){
//					console.log($(this));
					$(".revenue").removeClass("revenueshow")
				})
				
				$(".chakan").click(function(){
//					console.log($(this));
					$(".shouming").addClass("shoumingshow")
				})
				$(".huqu").click(function(){
//					console.log($(this));
					$(".shouming").removeClass("shoumingshow")
				})
			})	
		</script>
	</body>
</html>
